body{
    background: #fbfafa4a;
    padding: 40px;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

header{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    background:rgba(18, 88, 115, 0.479);
}

.menu{
    width:98%;
    margin:auto;
    height:65px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.logo{
    display: flex;
    align-items: center;
    gap: 15px; /*espacio de separacion*/
}

.logo img{
    width:50px;
    gap: 5px;
    top: 15px;
}

.logo h2{
    position: relative;
    top: 1px;
    color:rgb(255,255,255);
    font-size: 20px;
}
    
.menu ul{
    display:flex;
    list-style:none;
}

.menu ul li{
    margin-left:40px;
}

.menu ul li a{
    color:white;
    text-decoration:none;
    font-size:17px;
    font-weight:bold;
    transition:.4s;
}

.menu ul li a:hover{
    color:#1f48b0a1;
}

/*--------Tabla de servicios---------*/
section h1{
    margin-bottom: 15px;
    margin-left: 45px;
    font-size: 45px;
}

section h2{
    font-size:24px;
    margin-bottom:10px;
    padding: 10px 100px;
    text-align: left;
}


.tabla-servicios{
    width:85%;
    margin: auto;
    border-collapse:collapse;
    background:white;
    overflow: hidden;
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.tabla-servicios th:nth-child(1){
    text-align: center;
}

.tabla-servicios td:nth-child(1){
    text-align: center;
}

.tabla-servicios th:nth-child(3){
    text-align: center;
}

.tabla-servicios td:nth-child(3){
    text-align: center;
}

 thead{
    background:#06845ee1;
    color:rgb(10, 10, 10);
}
        
th{
    background: #51cebe;
    color:rgb(0, 0, 0);
    padding:12px;
    font-size:16px;
    border: 1px solid rgba(181, 220, 228, 0.881); /*Cambia color de lineas de tablas*/
}

td{
    border:1px solid rgba(199, 234, 236, 0.881);
    padding:10px;
    text-align:justify;
    font-size: 15px;
}

tbody tr:nth-child(event){
    background: #f5f5f5;
}

tbody tr:hover{
    background: #afe7ff;
    transition: 0.3s;
}

tr:nth-child(even){
    background:#f2f2f2;
}

tr:hover{
    background:#d6e9ff;
}